<template>
    <button :style="[styleObj,roundStyle]" @click="handleClick">
        <slot>默认按钮</slot>
    </button>

</template>
<script>
export default {
    computed:{
        styleObj(){
            if(this.type==="primary"){
                return {backgroundColor:'#409DFD',color:'#fff',border:'none',padding:'3px 10px',}
            }
        },
        roundStyle(){
            if(this.round){
                return {borderRadius:'5px'}
            }
        }
    },
    name:'GLButton',
    props:{
        type:{
            type:String,
            default:'default'
        },
        round:{
            type:Boolean
        }
    },
    methods:{
        handleClick(e){
            this.$emit('click')
            e.preventDefault()
        }
    }
}
</script>

<style>

</style>